<template>
      <div class="investor-live-area comm-tb-gap bg-write">
            <div class="constraint">
                  <div class="investor-live-tit">
                        <h2>{{ propData.moduleTitle }}</h2>
                  </div>
                  <div class="live-nv-tit">
                        <p>京咛投资者签约仪式现场直播</p>
                        <p>更新与 2023-8-20 19:30:04</p>
                  </div>
                  <div class="flex live-main-box item-column">
                        <div class="live-curtain">
                              1222
                        </div>
                        <div class="flex-1 live-ste-box">
                              <div class="flex jus-space-bet ali-center live-nt-box">
                                    <h3>直播列表</h3>
                                    <p class="look-all">查看全部</p>
                              </div>
                              <div class="live-lists-area">
                                    <ul>
                                          <li :class="['relative', { 'live-start': index == 0 }]" v-for="(item, index) in 3"
                                                :key="index">
                                                <div class="live-time flex ali-center">
                                                      <span>2023.5.20</span>
                                                      <div :class="['live-state', { 'st-active': index == 0 }]">
                                                            <span>{{ index == 0 ? '直播中' : '已结束' }}</span>
                                                      </div> 
                                                </div>
                                                <div class="flex live-mate-in">
                                                      <div class="flex-1">
                                                            <h4>这是直播的标题{{ index }}</h4>
                                                            <p>其他说明文字</p>
                                                      </div>
                                                </div>
                                          </li>
                                    </ul>
                              </div>
                        </div>
                  </div>
            </div>
      </div>
</template>

<script setup lang="ts">
let propData = defineProps({ moduleTitle: { default: '' } })
</script>